<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>百度登录后的首页</title>
        <link rel="stylesheet" type="text/css" href="css/baidu.css"/>
        <style>
        
        </style>
    </head>
    <body>
          <!--工具栏开始（左边天气栏+右边工具）-->
        <div class="nav">
            <span class="left weather">天津:<i class="icon_weather"></i>6~-1°C &nbsp;|&nbsp; 空气质量：221 &nbsp;<strong style="color:red">差</strong></span>
            <div  class="right tool">
                <ul class="level">
                    <li>
                        <i class="icon_tool"></i>
                        <a class="afterone" href="#">宝箱</a>
                    </li>
                    <li><a href="#">换肤</a></li>
                    <li><a href="#">消息</a></li>
                    <li><a href="#">设为首页</a></li>
                    <li><a href="#">用户名</a></li>
                </ul>
            </div>
        </div>
        <!--搜索部分（logo+导航栏nav+搜索框）-->
        <div class="content center clear login_new_content">
            <img class=" logo content_center" src="baidu_img/bdlogo.png" />
             <ul class=" content_center level login_nav1">
                    <li><a href="#">新闻</a></li>
                    <li><a href="#" class="bold">网页</a></li>
                    <li><a href="#">贴吧</a></li>
                    <li><a href="#">知道</a></li>
                    <li><a href="#">音乐</a></li>
                    <li><a href="#">图片</a></li>
                    <li><a href="#">视频</a></li>
                    <li><a href="#">地图</a></li>
                    <li><a href="#">百科</a></li>
                    <li><a href="#">文库</a></li>
                    <li><a href="#">更多>></a></li>
             </ul>
            <form class="Search content_center" action="#" method="post">
                <input  type="text" class="TextBox"/><button class="login_new_button">百度一下</button>
            </form>
        </div>
        <!--内容区域 居中（左边垂直二级导航nav2+中间图片显示区域+右边搜索风云榜）-->
        <div class="content login_new_center">
            <!--左边的导航-->
            <ul class="left content_center login_nav2">
                <li>导航</li>
                <li>新闻</li>
                <li>音乐</li>
                <li>视频</li>
            </ul>
            <!--登录以后的内容-->
            <div id="login_content" class="left">
                 <!--中间的图-->
                <img class="left content_center left" src="baidu_img/news_photo.jpg" alt="某某新闻图"/>
            
            <!--风云榜-->
                <div class="fengyunbang left">
                <h3>搜索风云榜</h3> <span class="right">换一换</span>
                <hr/>
                <!--风云榜左边-->
                <ul class="left">
                    <li>人类史上最糟糕...</li>
                    <li>中国最热的30个名字</li>
                    <li>圣诞祝福短信</li>
                    <li>工地杀人魔</li>
                    <li>兰新高铁通车</li>
                    <li>新闻新闻new</li>
                    <li>GTR回复I卷覅噢诶</li>
                    <li>贯通融会y6</li>
                </ul>
                <!--风云榜右边-->
                <ul class="left">
                    <li>和太阳就会有条件</li>
                    <li>...</li>
                    <li>过平安夜</li>
                    <li>。。。。。。</li>
                    <li>。。。。。。。</li>
                    <li>。。。。。。</li>
                    <li>。。。。。</li>
                    <li>ufhirfj4jrf</li>
                </ul>
                 </div>
            </div>
        </div>
        <!--页脚-->
        <div class="footer center resetHeight">
            <span>&copy;2014  Baidu <a href="#">使用百度前必读</a> 京ICP证030173号 <i class="icon"></i></span>
        </div>
    </body>
</html>
